@extends('layouts.home.home_master')

@section('content')
<!--[if lt IE 8]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- Add your site or application content here -->

<!-- HEADER-AREA START -->
<header class="header-area">
    <!-- HEADER-MIDDLE START -->
    <div class="header-middle">
        <div class="container">
            <!-- Start logo & Search Box -->
            <div class="row">
                <div class="col-md-3 col-sm-12">
                    <div class="logo">
                        <a href="index.html" title="Malias">
                            @if($shopSettings->logo)
                            <img style="max-height: 50px;" src="{{ asset('attachs/img/'.$shopSettings->logo) }}" alt="logo">
                            @else
                            <img src="{{ asset('home/img/logo.png') }}" alt="logo">
                            @endif
                        </a>
                    </div>
                </div>
               {{--  <div class="col-md-9 col-sm-12 text-center">
                    <div class="quick-access">
                        <div class="search-by-category">
                            <div class="search-container">
                                <select>
                                    <option class="all-cate"> 所有分类</option>
                                    <optgroup  class="cate-item-head" label="Cameras & Photography">
                                        <option class="cate-item-title">Handbags</option>
                                        <option class="c-item">Blouses And Shirts</option>
                                        <option class="c-item">Clouthes</option>
                                    </optgroup>
                                    <optgroup  class="cate-item-head" label="Laptop & Computer">
                                        <option class="cate-item-title">Apple</option>
                                        <option class="c-item">Dell</option>
                                        <option class="c-item">Hp</option>
                                        <option class="c-item">Sony</option>
                                    </optgroup>
                                    <optgroup  class="cate-item-head" label="Electronic">
                                        <option class="c-item">Mobile</option>
                                        <option class="c-item">Speaker</option>
                                        <option class="c-item">Headphone</option>
                                    </optgroup>
                                </select>
                            </div>
                            <div class="header-search">
                                <form action="#">
                                    <input type="text" placeholder="Search">
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="top-cart">
                            <ul>
                                <li>
                                    <a href="cart.html">
                                        <span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
                                        <span class="cart-total">
                                            <span class="cart-title">shopping cart</span>
                                            <span class="cart-item">2 item(s)- </span>
                                            <span class="top-cart-price">$365.00</span>
                                        </span>
                                    </a>
                                    <div class="mini-cart-content">
                                        <div class="cart-img-details">
                                            <div class="cart-img-photo">
                                                <a href="#"><img src="{{ asset('home/img/product/total-cart.jpg') }}" alt="#"></a>
                                            </div>
                                            <div class="cart-img-content">
                                                <a href="#"><h4>Prod Aldults</h4></a>
                                                <span>
                                                    <strong class="text-right">1 x</strong>
                                                    <strong class="cart-price text-right">$180.00</strong>
                                                </span>
                                            </div>
                                            <div class="pro-del">
                                                <a href="#"><i class="fa fa-times"></i></a>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                        <div class="cart-img-details">
                                            <div class="cart-img-photo">
                                                <a href="#"><img src="{{ asset('home/img/product/total-cart2.jpg') }}" alt="#"></a>
                                            </div>
                                            <div class="cart-img-content">
                                                <a href="#"><h4>Fact Prone</h4></a>
                                                <span>
                                                    <strong class="text-right">1 x</strong>
                                                    <strong class="cart-price text-right">$185.00</strong>
                                                </span>
                                            </div>
                                            <div class="pro-del">
                                                <a href="#"><i class="fa fa-times"></i></a>
                                            </div>
                                        </div>
                                        <div class="cart-inner-bottom">
                                            <span class="total">
                                                Total:
                                                <span class="amount">$550.00</span>
                                            </span>
                                            <span class="cart-button-top">
                                                <a href="cart.html">View Cart</a>
                                                <a href="checkout.html">Checkout</a>
                                            </span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div> --}}
            </div>
            <!-- End logo & Search Box -->
        </div> 
    </div>
    <!-- HEADER-MIDDLE END -->
    <!-- START MAINMENU-AREA -->
    <div class="mainmenu-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="mainmenu hidden-sm hidden-xs">
                        <nav>
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                @if (!$shopCategories->isEmpty())
                                @foreach ($shopCategories as $shopCategory)
                                @if ($shopCategory->parent_id == 0)
                                <li><a href="{{ url('/shop/'.$shopCategory->shop_id.'/cateId/'.$shopCategory->shop_cate_id) }}">{{ $shopCategory->name }}</a></li>
                                @endif
                                @endforeach
                                @else
                                <li>暂无分类</li>
                                @endif
                                <li><a href="shop.html">关于我们</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END MAIN-MENU-AREA -->
    <!-- Start Mobile-menu -->
    <div class="mobile-menu-area hidden-md hidden-lg">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <nav id="mobile-menu">
                        <ul>
                            <li><a href="index.html">首页</a></li>
                            @if (!$shopCategories->isEmpty())
                            @foreach ($shopCategories as $shopCategory)
                            @if ($shopCategory->parent_id == 0)
                            <li><a href="{{ url('/shop/'.$shopCategory->shop_id.'/cateId/'.$shopCategory->shop_cate_id) }}">{{ $shopCategory->name }}</a></li>
                            @endif
                            @endforeach
                            @else
                            <li>暂无分类</li>
                            @endif
                            <li><a href="shop.html">关于我们</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Mobile-menu -->
</header>
<!-- HEADER AREA END -->
<!-- Category slider area start -->
<div class="category-slider-area">
    <div class="container">
        <div class="row">
            {{-- <div class="col-md-3">
                <!-- CATEGORY-MENU-LIST START -->
                <div class="left-category-menu hidden-sm hidden-xs">
                    <div class="left-product-cat">
                        <div class="category-heading">
                            <h2>categories</h2>
                        </div>
                        <div class="category-menu-list">
                            <ul>
                                <!-- Single menu start -->
                                <li class="arrow-plus">
                                    <a href="shop.html">Cameras & Photography</a>
                                    <!--  MEGA MENU START -->
                                    <div class="cat-left-drop-menu">
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Handbags</a>
                                            <ul>
                                                <li><a href="#">Blouses And Shirts</a></li>
                                                <li><a href="#">Clutches</a></li>
                                                <li><a href="#">Cross Body</a></li>
                                                <li><a href="#">Satchels</a></li>
                                                <li><a href="#">Sholuder</a></li>
                                                <li><a href="#">Toter</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Tops</a>
                                            <ul>
                                                <li><a href="#">Evening</a></li>
                                                <li><a href="#">Long Sleeved</a></li>
                                                <li><a href="#">Short Sleeved</a></li>
                                                <li><a href="#">Sleeveless</a></li>
                                                <li><a href="#">T-Shirts</a></li>
                                                <li><a href="#">Tanks And Camis</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Dresses</a>
                                            <ul>
                                                <li><a href="#">Belts</a></li>
                                                <li><a href="#">Cocktail</a></li>
                                                <li><a href="#">Day</a></li>
                                                <li><a href="#">Evening</a></li>
                                                <li><a href="#">Sundresses</a></li>
                                                <li><a href="#">Sweater</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Accessories</a>
                                            <ul>
                                                <li><a href="#">Bras</a></li>
                                                <li><a href="#">Hair Accessories</a></li>
                                                <li><a href="#">Hats And Gloves</a></li>
                                                <li><a href="#">Lifestyle</a></li>
                                                <li><a href="#">Scarves</a></li>
                                                <li><a href="#">Small Leathers</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- MEGA MENU END -->
                                </li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li class="arrow-plus">
                                    <a href="shop.html">Tv & Audio</a>
                                    <!--  MEGA MENU START -->
                                    <div class="cat-left-drop-menu">
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">BAGS</a>
                                            <ul>
                                                <li><a href="#">Blazers</a></li>
                                                <li><a href="#">Bootees Bags</a></li>
                                                <li><a href="#">Jackets</a></li>
                                                <li><a href="#">Shoes</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">CLOTHING</a>
                                            <ul>
                                                <li><a href="#">Blazers</a></li>
                                                <li><a href="#">Bootees Bags</a></li>
                                                <li><a href="#">Jackets</a></li>
                                                <li><a href="#">Shoes</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">LINGERIE</a>
                                            <ul>
                                                <li><a href="#">Blazers</a></li>
                                                <li><a href="#">Bootees Bags</a></li>
                                                <li><a href="#">Jackets</a></li>
                                                <li><a href="#">Shoes</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Shoes</a>
                                            <ul>
                                                <li><a href="#">Blazers</a></li>
                                                <li><a href="#">Bootees Bags</a></li>
                                                <li><a href="#">Jackets</a></li>
                                                <li><a href="#">Shoes</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- MEGA MENU END -->
                                </li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li class="arrow-plus">
                                    <a href="shop.html">SmartPhones & Tablets</a>
                                    <!--  MEGA MENU START -->
                                    <div class="cat-left-drop-menu cat-left-drop-menu-photo-contain">
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">Women</a>
                                            <ul>
                                                <li><a href="#">Belts</a></li>
                                                <li><a href="#">Jewelry</a></li>
                                                <li><a href="#">Socks</a></li>
                                                <li><a href="#">Sunglasses</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left">
                                            <a class="menu-item-heading" href="#">CLOTHING</a>
                                            <ul>
                                                <li><a href="#">Boots</a></li>
                                                <li><a href="#">Brands We Love</a></li>
                                                <li><a href="#">Casuals</a></li>
                                                <li><a href="#">Gifts And Tech</a></li>
                                                <li><a href="#">Gifts And Tech</a></li>
                                                <li><a href="#">Slippers</a></li>
                                                <li><a href="#">Speakers</a></li>
                                            </ul>
                                        </div>
                                        <div class="cat-left-drop-menu-left cat-left-drop-menu-photo">
                                            <a href="#"><img src="{{ asset('home/img/megamenu/vmega_blog1.jpg') }}" alt="Product"></a>
                                        </div>
                                    </div>
                                    <!-- MEGA MENU END -->
                                </li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li>
                                    <a href="shop.html">Laptop & Computer</a>
                                </li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li><a href="shop.html">Sony</a></li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li><a href="shop.html">Mobile</a></li>
                                <!-- Single menu end -->
                                <!-- Single menu start -->
                                <li><a href="shop.html">Sports</a></li>
                                <!-- Single menu end -->

                                <!-- MENU ACCORDION START -->
                                <li class=" rx-child">
                                    <a href="shop.html">Books</a>
                                </li>
                                <li class=" rx-parent">
                                    <a class="rx-default">
                                        More categories <span class="cat-thumb  fa fa-plus"></span> 
                                    </a>
                                    <a class="rx-show">
                                        close menu <span class="cat-thumb  fa fa-minus"></span>
                                    </a>
                                </li>
                                <!-- MENU ACCORDION END -->
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- END CATEGORY-MENU-LIST -->
            </div> --}}
            <div class="col-md-12">
                <!-- slider -->
                <div class="slider-area">
                    <div class="bend niceties preview-1">
                        <div id="ensign-nivoslider" class="slides"> 
                            <img src="{{ asset('home/img/sliders/slider-1/bg1.jpg') }}" alt="Malias" title="#slider-direction-1"/>
                            <img src="{{ asset('home/img/sliders/slider-1/bg2.jpg') }}" alt="Malias" title="#slider-direction-2"/>
                            <img src="{{ asset('home/img/sliders/slider-1/bg3.jpg') }}" alt="Malias" title="#slider-direction-3"/><!-- 
                            <img src="{{ asset('') }}home/img/sliders/slider-1/bg4.jpg" alt="" title="#slider-direction-4"/>  -->     
                        </div>
                        <!-- direction 1 -->
                        <div id="slider-direction-1" class="t-lfr slider-direction">
                            <div class="slider-progress"></div>
                            <!-- layer 1 -->
                            <div class="layer-1-1 ">
                                <h1 class="title1">LUMIA 888 DESIGN</h1>
                            </div>
                            <!-- layer 2 -->
                            <div class="layer-1-2">
                                <p class="title2">Elegant design for business</p>
                            </div>
                            <!-- layer 3 -->
                            <div class="layer-1-3">
                                <h2 class="title3">$966.82</h2>
                            </div>
                            <!-- layer 4 -->
                            <div class="layer-1-4">
                                <a href="#" class="title4">shopping now</a>
                            </div>
                        </div>
                        <!-- direction 2 -->
                        <div id="slider-direction-2" class="slider-direction">
                            <div class="slider-progress"></div>
                            <!-- layer 1 -->
                            <div class="layer-2-1">
                                <h1 class="title1">WATERPROOF SMARTPHONE</h1>
                            </div>
                            <!-- layer 2 -->
                            <div class="layer-2-2">
                                <p class="title2">RODUCTS ARE EYE-CATCHING DESIGN. YOU CAN TAKE PHOTOS EVEN WHEN Y</p>
                            </div>
                            <!-- layer 3 -->
                            <div class="layer-2-3">
                                <a href="#" class="title3">shopping now</a>
                            </div>
                        </div>
                        <!-- direction 3 -->
                        <div id="slider-direction-3" class="slider-direction">
                            <div class="slider-progress"></div>
                            <!-- layer 1 -->
                            <div class="layer-3-1">
                                <h2 class="title1">BUY AIR LACOTE</h2>
                            </div>
                            <!-- layer 2 -->
                            <div class="layer-3-2">
                                <h1 class="title2">SUPER TABLET, SUPER GIFT</h1>
                            </div>
                            <!-- layer 3 -->
                             <div class="layer-3-3">
                                <p class="title3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                            </div>
                            <!-- layer 4 -->
                            <div class="layer-3-4">
                                <a href="#" class="title4">shopping now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- slider end-->
            </div>
        </div>
    </div>
</div>
<!-- Category slider area End -->       
<!-- START PAGE-CONTENT -->
<section class="page-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <!-- START PRODUCT-BANNER -->
                <div class="product-banner home1-banner">
                    <div class="row">
                        <div class="col-md-6 ">
                            <div class="single-product-banner">
                                <a href="#"><img src="{{ asset('home/img/banner/banner_1.jpg') }}" alt="Product Banner"></a>
                                <div class="banner-text banner-1">
                                    <h2></h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 ">
                            <div class="single-product-banner">
                                <a href="#"><img src="{{ asset('home/img/banner/banner_2.jpg') }}" alt="Product Banner"></a>
                                <div class="banner-text banner-2">
                                    <h2> <span></span></h2>
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END PRODUCT-BANNER -->
                <!-- START PRODUCT-AREA (1) -->
                <div class="product-area">
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <!-- Start Product-Menu -->
                            <div class="product-menu">
                                <div class="product-title">
                                    <h3 class="title-group-2 gfont-1">商品展示</h3>
                                </div>
                                
                                <ul role="tablist">
                                    @if ($shopCateCurrent!=null && !$shopCateCurrent->isEmpty())
                                    @foreach ($shopCateCurrent as $shopCate)
                                    <li role="presentation" class=" active"><a data-toggle="tab">{{ $shopCate->name }}</a></li>
                                    @endforeach
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- End Product-Menu -->
                    <div class="clear"></div>
                    <!-- Start Product -->
                    <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <div class="product">
                                <div class="tab-content">
                                    <!-- Product = display-1-1 -->
                                    <div role="tabpanel" class="tab-pane fade in active" id="display-1-1">
                                        <div class="row">
                                            <div class="">
                                                <!-- Start Single-Product -->
                                                @if (!$products->isEmpty())
                                                @foreach($products as $product)
                                                <div class="col-xs-3">
                                                    <div class="single-product">
                                                        {{-- <div class="label_new">
                                                            <span class="new">new</span>
                                                        </div> --}}
                                                        {{-- <div class="sale-off">
                                                            <span class="sale-percent">-55%</span>
                                                        </div> --}}
                                                        <div class="product-img">
                                                            <a href="{{ asset('product/'.$product->product_id) }}">
                                                                <img class="primary-img" src="{{ asset('attachs/img/'.$product->photo) }}" alt="Product">
                                                                {{-- <img class="secondary-img" src="{{ asset('home/img/product/mediam/12bg.jpg') }}" alt="Product"> --}}
                                                            </a>
                                                        </div>
                                                        <div class="product-description">
                                                            <h5><a href="#">{{ $product->product_name }}</a></h5>
                                                            <div class="price-box">
                                                                <span class="price">{{ $product->price }}</span>
                                                                <span class="old-price"> 9999 </span>
                                                            </div>
                                                            <span class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </span>
                                                        </div>
                                                        <div class="product-action">
                                                            <div class="button-group">
                                                                <div class="product-button">
                                                                    <button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                                                                </div>
                                                                <div class="product-button-2">
                                                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                                    <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                                    <a href="#" class="modal-view" data-toggle="modal" data-target="#productModal"><i class="fa fa-search-plus"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>                                              
                                                    </div>
                                                </div>
                                                @endforeach
                                                @endif
                                                <!-- End Single-Product -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Product = display-1-1 -->
                                    <!-- Start Product = display-1-2 -->
                                    <div role="tabpanel" class="tab-pane fade" id="display-1-2">
                                        <div class="row">
                                            <div class="">
                                                <!-- Start Single-Product -->
                                                <div class="col-xs-6">
                                                    <div class="single-product">
                                                        <div class="product-img">
                                                            <a href="#">
                                                                <img class="primary-img" src="{{ asset('attachs/img/ex1.jpg') }}" alt="Product">
                                                            </a>
                                                        </div>
                                                        <div class="product-description">
                                                            <h5><a href="#">Trid Palm</a></h5>
                                                            <div class="price-box">
                                                                <span class="price">$90.00</span>
                                                                <span class="old-price">$120.00</span>
                                                            </div>
                                                            <span class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </span>
                                                            <div class="product-action">
                                                                <div class="button-group">
                                                                    <div class="product-button">
                                                                        <button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                                                                    </div>
                                                                    <div class="product-button-2">
                                                                        <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                                        <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                                        <a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Single-Product -->
                                                <!-- Start Single-Product -->
                                                <div class="col-xs-6">
                                                    <div class="single-product">
                                                        <div class="product-img">
                                                            <a href="#">
                                                                <img class="primary-img" src="{{ asset('attachs/img/ex2.jpg') }}" alt="Product">
                                                            </a>
                                                        </div>
                                                        <div class="product-description">
                                                            <h5><a href="#">Established Fact</a></h5>
                                                            <div class="price-box">
                                                                <span class="price">$85.00</span>
                                                                <span class="old-price">$105.00</span>
                                                            </div>
                                                            <span class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </span>
                                                            <div class="product-action">
                                                                <div class="button-group">
                                                                    <div class="product-button">
                                                                        <button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                                                                    </div>
                                                                    <div class="product-button-2">
                                                                        <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                                        <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                                        <a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Single-Product -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Product = display-1-2 -->
                                    <!-- Start Product = di3play-1-1 -->
                                    <div role="tabpanel" class="tab-pane fade" id="display-1-3">
                                        <div class="row">
                                            <div class="">
                                                <!-- Start Single-Product -->
                                                <div class="col-xs-6">
                                                    <div class="single-product">
                                                        <div class="label_new">
                                                            <span class="new">new</span>
                                                        </div>
                                                        <div class="sale-off">
                                                            <span class="sale-percent">-55%</span>
                                                        </div>
                                                        <div class="product-img">
                                                            <a href="#">
                                                                <img class="primary-img" src="{{ asset('attachs/img/ex1.jpg') }}" alt="Product">
                                                                <img class="secondary-img" src="{{ asset('attachs/img/ex2.jpg') }}" alt="Product">
                                                            </a>
                                                        </div>
                                                        <div class="product-description">
                                                            <h5><a href="#">Trid Palm</a></h5>
                                                            <div class="price-box">
                                                                <span class="price">$99.00</span>
                                                                <span class="old-price">$120.00</span>
                                                            </div>
                                                            <span class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </span>
                                                            <div class="product-action">
                                                                <div class="button-group">
                                                                    <div class="product-button">
                                                                        <button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                                                                    </div>
                                                                    <div class="product-button-2">
                                                                        <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                                        <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                                        <a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Single-Product -->
                                                <!-- Start Single-Product -->
                                                <div class="col-xs-6">
                                                    <div class="single-product">
                                                        <div class="label_new">
                                                            <span class="new">new</span>
                                                        </div>
                                                        <div class="product-img">
                                                            <a href="#">
                                                                <img class="primary-img" src="{{ asset('attachs/img/ex2.jpg') }}" alt="Product">
                                                                <img class="secondary-img" src="{{ asset('attachs/img/ex1.jpg') }}" alt="Product">
                                                            </a>
                                                        </div>
                                                        <div class="product-description">
                                                            <h5><a href="#">Established Fact</a></h5>
                                                            <div class="price-box">
                                                                <span class="price">$85.00</span>
                                                                <span class="old-price">$110.00</span>
                                                            </div>
                                                            <span class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </span>
                                                            <div class="product-action">
                                                                <div class="button-group">
                                                                    <div class="product-button">
                                                                        <button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
                                                                    </div>
                                                                    <div class="product-button-2">
                                                                        <a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
                                                                        <a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
                                                                        <a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Single-Product -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Product = display-1-3 -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Product -->
                </div>
                <!-- END PRODUCT-AREA (1) -->
            </div>
        </div>
    </div>
</section>
<!-- END HOME-PAGE-CONTENT -->
<!-- FOOTER-AREA START -->
<footer class="footer-area">
    <!-- Footer Start -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4 ">
                    <div class="footer-title">
                        <h5>公司名称</h5>
                    </div>
                    <nav>
                        <ul class="footer-content">
                            <li><a href="my-account.html">法宝兜</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="footer-title">
                        <h5>联系方式</h5>
                    </div>
                    <nav>
                        <ul class="footer-content box-information">
                            <li>
                                <i class="fa fa-envelope-o"></i><p>
                                <a href="contact.html">admin@bootexperts.com</a></p>
                            </li>
                            <li>
                                <i class="fa fa-phone"></i>
                                <span>01234-56789</span>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="footer-title">
                        <h5>地址</h5>
                    </div>
                    <nav>
                        <ul class="footer-content box-information">
                            <li>
                                <i class="fa fa-home"></i><span>厦门市湖里万达c座</span>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>              
    </div>
    <!-- Footer End -->
    <!-- Copyright-area Start -->
    <div class="copyright-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="copyright">
                        <p>Copyright &copy; <a href="http://jqueryfuns.com" target="_blank"> {{ config('app.name') }}</a> 版权所有.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Copyright-area End -->
</footer>
<!-- FOOTER-AREA END -->    
<!-- QUICKVIEW PRODUCT -->
<div id="quickview-wrapper">
   <!-- Modal -->
 {{--   <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="modal-product">
                        <div class="product-images">
                            <div class="main-image images">
                                <img alt="#" src="{{ asset('') }}"/>
                            </div>
                        </div><!-- .product-images -->

                        <div class="product-info">
                            <h1>Aenean eu tristique</h1>
                            <div class="price-box-3">
                                <hr />
                                <div class="s-price-box">
                                    <span class="new-price">$160.00</span>
                                    <span class="old-price">$190.00</span>
                                </div>
                                <hr />
                            </div>
                            <a href="shop.html" class="see-all">See all features</a>
                            <div class="quick-add-to-cart">
                                <form method="post" class="cart">
                                    <div class="numbers-row">
                                        <input type="number" id="french-hens" value="3">
                                    </div>
                                    <button class="single_add_to_cart_button" type="submit">Add to cart</button>
                                </form>
                            </div>
                            <div class="quick-desc">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.
                            </div>
                            <div class="social-sharing">
                                <div class="widget widget_socialsharing_widget">
                                    <h3 class="widget-title-modal">Share this product</h3>
                                    <ul class="social-icons">
                                        <li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="fa fa-facebook"></i></a></li>
                                        <li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="fa fa-twitter"></i></a></li>
                                        <li><a target="_blank" title="Pinterest" href="#" class="pinterest social-icon"><i class="fa fa-pinterest"></i></a></li>
                                        <li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="fa fa-google-plus"></i></a></li>
                                        <li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="fa fa-linkedin"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div><!-- .product-info -->
                    </div><!-- .modal-product -->
                </div><!-- .modal-body -->
            </div><!-- .modal-content -->
        </div><!-- .modal-dialog -->
   </div> --}}
   <!-- END Modal -->
</div>
<!-- END QUICKVIEW PRODUCT -->
        
<script src="{{ asset('home/js/vendor/jquery-1.11.3.min.js') }}"></script>
<script src="{{ asset('home/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('home/js/wow.min.js') }}"></script>
<script src="{{ asset('home/js/jquery.meanmenu.js') }}"></script>
<script src="{{ asset('home/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('home/js/jquery.scrollUp.min.js') }}"></script>
<script src="{{ asset('home/js/countdon.min.js') }}"></script>
<script src="{{ asset('home/js/jquery-price-slider.js') }}"></script>
<script src="{{ asset('home/lib/js/jquery.nivo.slider.js') }}"></script>
<script src="{{ asset('home/js/plugins.js') }}"></script>
<script src="{{ asset('home/js/main.js') }}"></script>
@endsection